@charset 'utf-8';

@import 'common';

.content{
    width: r(592px);
    height: r(845px);
    margin: 0 auto;
    padding: r(95px) r(27px) 0;
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
    .name{
        margin-bottom: r(67px);
        font-size: r(34px);
        span{
            display: block;
            width: r(263px);
            height: r(40px);
            text-align: center;
            float: left;
        }
        &:after{
            content: '';
            display: block;
            width: r(270px);
            height: 0;
            border-top: 1px solid #434242;
        }
    }
    .text{
        font-size: r(27px);
        color: #434242;
        text-indent: 2em;
        line-height: r(40px);
        margin-bottom: r(56px);
    }
    .pic{
        width: r(266px);
        height: r(266px);
        margin: 0 auto;
        border: 4px solid #434242;
        img{
            @include img;
        }
    }
    .btn{
        width: r(187px);
        height: r(57px);
        margin: r(20px) auto r(40px);
        border-radius: r(50px);
        box-shadow: 0 6px 10px rgba(0,0,0,0.3);
        background-color: rgba(255,255,255,0.7);
        p{
            font-size: r(22px);
            color: #0075c1;
            text-align: center;
            line-height: r(57px);
        }
    }
}
#btn{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
